/*-------------------------------------------------*/
/* 业务逻辑 -- 报表                                  */
/*-------------------------------------------------*/
.con-report-list table {
    width: 100%;
}
.con-report-list th {
    padding: 18px 0 7px 0px;
    text-align: left;
    border-bottom: 3px solid #4a7eb0;
}
.con-report-list .report-index {
    width: 34px;
}
.con-report-list .report-name {
    width: 520px;
}
.con-report-list .report-btns {
    width: 345px;
    padding-left: 13px;
}

/* 报表列表与数据源列表公用一套样式 */
.con-report-list .data-sources-btns {
    width: 123px;
    padding-left: 11px;
}
.con-report-list td {
    padding: 5px;
    border-bottom: 1px solid #65778b;
}
.con-report-list tbody tr:hover {
    background: #f6f5f5;
}
.con-report-list .report-line .num {
    display: inline-block;
    width: 20px;
}
.con-report-list .report-line .text {
    display: block;
    width: 500px;
}
.set-report-name .text {
    font-size: 16px;
    color: #2776a4;
    padding: 42px 0 24px 0;
}

/*cube 列表*/
.con-set-cube {
    width: 900px;
    overflow: hidden;
    margin: 20px auto;
    box-sizing: border-box;
}
.con-data-sources-list,
.con-cube-list {
    width: 50%;
    box-sizing: border-box;
    padding-right: 20px;
    height: auto;
    margin-bottom: -10000px;
    padding-bottom: 10000px;
}
.con-data-sources-list {
    display: inline;
}
.con-data-sources-list .btn-has-icon-data-sources {
    display: block;
    margin: 3px;
    padding: 3px 5px 4px 36px;
}
.con-set-cube .data-line:hover {
    background-color: #f0f7fc;
}
.con-set-cube .data-line.selected {
    background-color: #deebf3;
}
.con-cube-list {
    border-left: 2px solid #cccccc;
    margin-left: -2px;
    padding-left: 19px;
}
.con-cube-list.loading {
    background-position: center 37px;
}
.con-cube-list .title,
.con-data-sources-list .title {
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    line-height: 200%;
    font-size: 14px;
}
.con-cube-list .data-line {
    margin: 3px;
    padding: 2px;
}
.con-cube-list .con-set-group {
    border-top: 1px solid #cccccc;
    margin: 3px;
    padding: 2px;
}
.con-set-group .form-common-line {
    margin: 3px 0;
}
.con-set-group .form-common-line .delete {
    right: -58px;
}

/* 报表编辑 - 右边画布*/
.con-report-edit .canvas {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
}

/* 报表编辑 - 组件箱*/
.con-report-edit .con-component-box {
    width: 25px;
    height: 25px;
    overflow: hidden;
    border: 2px solid #cccccc;
    padding: 5px;
    position: fixed;
    z-index: 3;
    right: 15px;
    top: 55px;
    background: #f9f9f7;
    font-size: 14px;
}
.con-component-box .icon-letter {
    position: absolute;
    right: 9px;
    top: 9px;
    background: #65b0fa;
    color: #ffffff;
}
.con-component-box .icon-letter:hover {
    background: #3e92e5;
}
.icon-letter-placeholder {
    float: right;
    height: 30px;
    width: 30px;
}
.con-component-box select {
    width: 120px;
    margin-bottom: 8px;
}
.con-component .component-item {
    display: inline-block;
    cursor: move;
    width: 50px;
    text-align: center;
    padding: 30px 0 3px 0;
}
.con-component .component-item:hover {
    background-color: #cccccc;
}

/* 报表组件的配置区*/
.canvas .report-setting {
    margin: 5px;
}

/* 报表的实时展示区*/
.canvas .report {
    margin: 5px 5px 0 1px;
    overflow: auto;
    min-height: 200px;
    position: relative;
    border: 2px solid #cccccc;
}
.canvas .report.active {
    border: 2px solid #65b0fa;
}
.canvas .report > div {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.report .shell-component {
    position: absolute;
    border: 1px solid rgba(0, 119, 119, 0.17);
    overflow: hidden;
}
.report .shell-component.active {
    z-index: 10;
    border: 1px solid #65b0fa;
    box-shadow: 0px 0px 5px 3px #65b0fa;
}
.report .shell-component.disable {
    box-shadow: 0px 0px 5px 3px #FA5C10;
}
.shell-component .con-edit-btns {
    background: #ffffff;
    border: 1px solid rgba(0, 119, 119, 0.17);
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 5px;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.con-edit-btns .fold {
    cursor: pointer;
    background: #777777;
    position: absolute;
    line-height: 12px;
    color: #ffffff;
    text-align: center;
    width: 12px;
    height: 12px;
    top: -1px;
    left: -1px;
}
.con-edit-btns .fold:hover {
    background: #555555;
}
.shell-component .con-edit-btns input {
    position: relative;
    left: -3px;
    top: 2px;
    margin-right: 3px;
}
.con-edit-btns .special {
    padding-left: 11px;
}
.report .shell-component:hover .con-edit-btns {
    display: block;
}

/* 参考线 */
.shell-component .guide-line {
    position: absolute;
    overflow: hidden;
}
.guide-top {
    top: -1px;
    width: 10000px;
    left: -5000px;
    border-top: 1px dashed #007777;
}
.guide-right {
    right: -1px;
    height: 10000px;
    top: -5000px;
    border-right: 1px dashed #007777;
}
.guide-bottom {
    bottom: -1px;
    width: 10000px;
    left: -5000px;
    border-bottom: 1px dashed #007777;
}
.guide-left {
    left: -1px;
    height: 10000px;
    top: -5000px;
    border-left: 1px dashed #007777;
}
.comp-setting > div {
    background: #ffffff;
    padding: 10px;
    z-index: 2;
}
/* 组件相关设置配置区 */
.comp-setting .data-axis-line {
    margin: 5px 0 5px 20px;
    padding: 5px;
    position: relative;
    border: 1px solid #d7d7d7;
}
/* 3个汉字的宽度 */
.comp-setting .data-axis-line-34 {
    margin: 5px 0 5px 34px;
}
/* 4个汉字的宽度 */
.comp-setting .data-axis-line-48 {
    margin: 5px 0 5px 48px;
}
.comp-setting .data-btn-line {
    margin: 5px 0 5px 49px;
    border: none;
}
.comp-setting .data-axis-line .letter {
    margin: 0 8px 0 -72px;
    display: inline-block;
    width: 60px;
    text-align: right;
}
.comp-setting .item {
    display: inline-block;
    background: white;
    font-size: 12px;
    padding: 2px 18px 2px 3px;
    margin: 3px;
    position: relative;
    border-radius: 3px;
    border: 1px solid #e6e3e3;
    height: 20px
}
.comp-setting .item:hover .icon{
    position: absolute;
    right: 2px;
    top: 2px;
    display: block;
    padding: 2px 4px;
    border-radius: 3px;
    background: #65b0fa;
    color: #ffffff;
    font-weight: normal;
    cursor: pointer;
}
.comp-setting .item .icon-font {
    /*float: left;*/
    display: inline-block;
    margin-top: 2px;
}
.comp-setting .item .icon-chart {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    cursor: pointer;
}
.comp-setting .item .bar {
    background: url(../img/bar.png) no-repeat;
}
.comp-setting .item .pie {
    background: url(../img/pie.png) no-repeat;
}
.comp-setting .item .line {
    background: url(../img/line.png) no-repeat;
}
.comp-setting .item .column {
    background: url(../img/column.png) no-repeat;
}
.comp-setting .item .map {
    background: url(../img/map.png) no-repeat;
}
.comp-setting .icon-letter {
    right: 3px;
    top: 2px;
}
.canvas .active {
    border: 1px solid #65b0fa;
}
/*Y轴图标列表选项*/
.comp-setting-charticons {
    background-color: white;
    border: 1px solid #e6e3e3;
}
.comp-setting-charticons .icon {
    margin: 5px 0 5px 10px;
    width: 30px;
    height: 20px;
    cursor: pointer;
    display: block;
}
.comp-setting-charticons .bar {
    background: url(../img/bar.png) no-repeat;
}
.comp-setting-charticons .line {
    background: url(../img/line.png) no-repeat;
}
.comp-setting-charticons .pie {
    background: url(../img/pie.png) no-repeat;
}
.comp-setting-charticons .column{
    background: url(../img/column.png) no-repeat;
}
.comp-setting-charticons .map {
    background: url(../img/map.png) no-repeat;
}
.comp-setting-charticons .bar:hover {
    background: url(../img/bar-hover.png) no-repeat;
}
.comp-setting-charticons .line:hover {
    background: url(../img/line-hover.png) no-repeat;
}
.comp-setting-charticons .pie:hover {
    background: url(../img/pie-hover.png) no-repeat;
}
.comp-setting-charticons .column:hover {
    background: url(../img/column-hover.png) no-repeat;
}
.comp-setting-charticons .map:hover {
    background: url(../img/map-hover.png) no-repeat;
}
.comp-setting-charticons .bar-focus {
    background: url(../img/bar-hover.png) no-repeat;
}
.comp-setting-charticons .line-focus {
    background: url(../img/line-hover.png) no-repeat;
}
.comp-setting-charticons .pie-focus{
    background: url(../img/pie-hover.png) no-repeat;
}
.comp-setting-charticons .column-focus {
    background: url(../img/column-hover.png) no-repeat;
}
.comp-setting-charticons .map-focus{
    background: url(../img/map-hover.png) no-repeat;
}
/* 保存/发布按钮 */
.canvas .button-save-report {
    position: fixed;
    bottom: 5px;
    right: 12px;
    z-index: 5;
}
.canvas .button-publish-report {
    position: fixed;
    bottom: 5px;
    right: 96px;
    z-index: 5;
}

/* publish-report-dialog样式 */
.con-releaseBox {
    position: relative;
    top: 50px;
    margin: 0 auto;
    width: 700px;
    padding:0;
}
.con-head {
    float: left;
    width: 700px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    text-align: center;

}
/* 浏览，返回，编辑三个按钮 */
.con-head div {
    width: 77px;
    height: 20px;
    background-color: #ffffff;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #D9D9D9;
}
/* 编辑按钮 */
.con-hEdit {
    float: right;
    margin-right: 20px;
    color: #000;
    background: url("../img/publish-report-dialog-img/edit.png");
}
/* 浏览按钮 */
.con-hRead {
    float: left;
    margin-left: 20px;
    color: #000;
    background: url("../img/publish-report-dialog-img/read.png");
}
/* 返回列表按钮 */
.con-hReturn {
    float: right;
    margin-right: 20px;
    color: #000;
    background: url("../img/publish-report-dialog-img/return.png");
}
/* 菜单以外的三个表 */
.con-body {
    float: left;
    width: 700px;
}
.con-body div {
    float: left;
    width: 700px;
    border: 1px solid #D9D9D9;
    margin-top: 10px;
}
/* 表1的非按钮部分 */
.con-url {
    float: left;
    list-style: none;
    width: 500px;
    margin-top: 15px;
    margin-left: 5px;
    margin-bottom: 15px;
    font-size: 15px;
}
.con-url-text {
    background-color: #EDF6F9;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    color: #A1C0E7;
}
/* 表1的按钮部分 */
.con-url-a {
    position: relative;
    float: right;
    list-style: none;
    height: 20px;
    width: 190px;
    margin-top: 50px;
}
.con-url-a li {
    float: left;
    width: 78px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    background-color: #2976A4;
    margin-left: 10px;
}
/* 表2,3的非按钮部分 */
.con-report {
    float: left;
    list-style: none;
    width: 600px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 15px;
}
.con-report li {
    float: left;
    width: 570px;
    margin-bottom: 15px;
}
.con-report-title {
    color: #338DCD;
    font-size: 16px;
}
.con-report-text {
    background-color: #EDF6F9;
    color: #A1C0E7;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}
/* 表2,3的按钮部分 */
.con-copy {
    position: relative;
    float: left;
    width: 70px;
    height: 25px;
    background-color: #2976A4;
    margin-top: 100px;
    text-align: center;
    line-height: 24px;
}
/* 按钮连接颜色 */
.conspan {
    color: #FFF;
}
/* 内容强制换行 */
.con-br {
    word-wrap : break-word ;
    word-break: break-all;
    overflow: auto;
}

/**
 * @name                      :数据格式设置
 * @author                    :lizhantong
 * @email                     :lztlovely@126.com
 * @version                   :1.0
 * @type                      :扩展类
 * @explain                   :数据格式设置模块
 * @relating                  :暂无
 * @dependent                 :暂无
 */
.data-format {
    width: 300px;
}
.data-format select {
    width: 150px;
    height: 25px;
    margin-left: 5px;
}
.data-format .data-format-default {
    padding: 10px 10px;
    border-bottom: 1px solid #C5C5C5;
}
.data-format .data-format-alone {
    padding: 10px 10px;
}
.data-format-alone > span {
    float: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 20px;
}
.data-format-alone .data-format-alone-dim {
    float: left;
    margin-top: 10px;
}
.data-format-alone-dim > span {
    width: 110px;
    float: left;
    text-align: right;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.data-format-alone-dim > select {
    float: left;
}
/* 文本框组件样式 */
.text-div {
    width: 100%;
    border: 0;
    height: 20px;
    cursor: pointer;
    color: #919191;
}